<!DOCTYPE html>
<html>
  <head>
    <title>哇食网首页</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/font-awesome.min.css" rel="stylesheet" media="screen">
    <link href="css/create_drawer.css" rel="stylesheet" media="screen">
    <!--[if lt IE 9]>
        <script src="js/assets/libs/html5shiv.js?2.4.6.4"></script>
    <![endif]-->
    <!--[if IE 8]>
        <script src="js/assets/libs/respond.min.js?2.4.6.4"></script>
    <![endif]-->
  </head>
  <body class="index">
  	<header class="header">
      <div class="container">
      	<div class="navbar-header">
          <a href="" class="navbar-brand">WoW食.com</a>
          <button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
            <span class="sr-only">切换导航</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
        <nav class="collapse navbar-collapse pull-left">
          <ul class="nav navbar-nav">
            <li><a href="#">抽屉</a></li>
            <li><a href="#">杂志</a></li>
            <li><a href="#">小组</a></li>
            <li><a href="#">经验</a></li>
          </ul>
        </nav>
        <form action="" class="navbar-form navbar-left hidden-xs hidden-sm" role="search">
          <div class="form-group">
            <input type="text" class="form-control js-search" name="q" placeholder="搜零食，搜惊喜" autocomplete="off"/>
            <button class="button fa fa-search" type="submit"></button>
          </div>
        </form>
        <ul class="nav user-nav pull-right">
          <ul class="nav nav-login">
            <li><a href="#">登录</a></li>
            <li><a href="#">注册</a></li>
          </ul>
        </ul>
      </div>
  	</header>
    <div class="container">
      <div class="row">
        <div class="col-md-8">
          <form id="J_CreateDrawerForm" method="post">
              <div class="form-item">
                  <label for="title" class="item-title">豆列名称</label>
                  <input class="text-input" tabindex="1" id="title" name="title" type="text" value="" autofocus="" autocomplete="off">
                  <p class="tips">最多可以20个中文字符</p>
                  <div class="more"><i class="icon-more"></i><a href="javascript:void(0)">完善更多内容</a></div>
              </div>
              <div class="form-item">
                  <label for="file" class="item-title">豆列封面（选填）</label>
                  <div class="image-upload-wrap">
                      <div class="image-preview-box"><img width="100" height="100" src="http://img3.douban.com/f/shire/c4611e7350f64f047382fe15bd9c1e36c47c3fdb/pics/commodity-doulist-default-small.jpg" alt=""></div>
                      <span class="btn-upload btn-normal">浏览...
                          <input data-post-url="/j/doulist/upload" class="file-input" type="file" id="file" name="picfile">
                      </span>
                      <p class="tips filetype-tips">你可以上传 JPG、JPEG、GIF、PNG 或 BMP 文件。</p>
                      <p class="tips">为了保证你的封面在各种设备上都能清晰显示，请尽量选用分辨率在600*600px以上的图片。</p>
                  </div>
              </div>
              <input type="hidden" name="suffix">
              <button class="btn-submit" type="submit">确认</button>
              <a class="btn-normal" href="http://dongxi.douban.com/people/xiaoheibuxiao/doulists">取消</a>
          </form>
        </div>
        <div class="col-md-4">
          
        </div>
      </div>
    </div>
    
  <footer id="footer">
    <div class="container">
      <div class="row">
        <span id="icp" class="pull-left gray-link">
            © 2005－2015 wowshi.com, all rights reserved
        </span>
        <a href="http://wowshi.com/hnypt/variformcyst.py" style="display: none;"></a>
        <span class="pull-right">
            <a href="http://wowshi.com/about">关于哇食</a>
            · <a href="http://wowshi.com/jobs">在哇食工作</a>
            · <a href="http://wowshi.com/about?topic=contactus">联系我们</a>
            · <a href="http://wowshi.com/about?policy=disclaimer">免责声明</a>
            · <a href="http://wowshi.com/help/">帮助中心</a>
            · <a href="http://wowshi.com/doubanapp/">移动应用</a>
        </span>       
      </div>
    </div>
  </footer>
  </body>
  <script src="js/jquery/jquery-1.11.1.min.js"></script>
  <script src="js/bootstrap.js"></script>
  <script type="text/javascript">
    $(function() {
      $('li.comment-item').on('mouseover', function() {
        $(this).addClass('over');
      }).on('mouseout', function() {
        $(this).removeClass('over');
      })
    });
  </script>
</html>